<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Borde 3D</title>
<style type="text/css">

img {
  border-color:#f00;
  border-width: 10px;
}

.groove{
  border-style:groove; 
}
.ridge{
  border-style:ridge; 
}
.inset{
  border-style:inset; 
}
.outset{
  border-style:outset; 
}
</style>

</head>
<body>

<h1>Borde 3D</h1>

Groove
<img src="http://lineadecodigo.com/wp-content/uploads/2006/12/lineadecodigo.miniatura.jpg" class="groove">
Ridge
<img src="http://lineadecodigo.com/wp-content/uploads/2006/12/lineadecodigo.miniatura.jpg" class="ridge">
Inset
<img src="http://lineadecodigo.com/wp-content/uploads/2006/12/lineadecodigo.miniatura.jpg" class="inset">
Outset
<img src="http://lineadecodigo.com/wp-content/uploads/2006/12/lineadecodigo.miniatura.jpg" class="outset">

<br><br>
<hr>
Art&iacute;culo disponible en: <a href="http://lineadecodigo.com/2007/07/18/bordes-3d-con-css/">http://lineadecodigo.com/2007/07/18/bordes-3d-con-css/</a><br/>
<a href="http://lineadecodigo.com" title="Linea de Codigo">lineadecodigo.com</a>





</body>
</html>